<!doctype html>
<html>
<head>
    <title>jsPlumb endpoint load test</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="../css/jsPlumb.css">
</head>
<body class="loadtest">
<div>
    <div id="setup">
        <table>
            <tr>
                <td>Anchors</td>
                <td>
                    <label><input type="radio" value="normal" name="anchors" checked>normal</label>
                    <label><input type="radio" value="dynamic" name="anchors">dynamic</label>
                    <label><input type="radio" value="continuous" name="anchors">continuous</label>
                </td>
            </tr>
            <tr>
                <td>Number of elements</td>
                <td><input id="txtElements" value="150"></td>
            </tr>
            <tr>
                <td>Number of Endpoints</td>
                <td><input id="txtEndpoints" value="10"></td>
            </tr>
            <tr>
                <td>Suspend Drawing?</td>
                <td>
                    <label><input type="radio" name="chkSuspend" value="yes" checked>Yes</label>
                    <label><input type="radio" name="chkSuspend" value="no">No</label>
                </td>
            </tr>
            <tr>
                <td>Paint jsPlumb artefacts?</td>
                <td>
                    <label><input type="radio" name="chkPaint" value="yes" checked>Yes</label>
                    <label><input type="radio" name="chkPaint" value="no">No</label>
                </td>
            </tr>
            <tr>
                <td>setLabel?</td>
                <td>
                    <label><input value="yes" type="radio" name="chkLabel" checked>yes</label>
                    <label><input value="no" type="radio" name="chkLabel">no</label>
                </td>
            </tr>
        </table>
    </div>
    <div id="output">
        <table colspacing="20">
            <tr>
                <td colspan="2">Num Endpoints:</td><td colspan="2" id="numEndpoints"></td>
            </tr>
            <tr>
                <td>Reset time:</td><td id="resetTime"></td>
                <td>Total time:</td><td id="totalCreateTime"></td>
            </tr>
            <tr>
                <td>Create time:</td><td id="createTime"></td>
                <td>Average create time:</td><td id="averageCreateTime"></td>
            </tr>
            <tr>
                <td>Repaint time:</td><td id="repaintTime"></td>
                <td>Average Repaint time:</td><td id="averageRepaintTime"></td>
            </tr>
        </table>
    </div>
    <button id="btnTest">Run Test</button>
    <button id="btnReset">Reset</button>
</div>

<div id="demo"></div>

<!-- JS -->
<!-- support lib for bezier stuff -->
<script src="../lib/jsBezier-0.7.js"></script>
<script src="../lib/katavorio-0.8.js"></script>
<script src="../lib/mottle-0.6.js"></script>
<!-- jsplumb geom functions -->
<script src="../lib/biltong-0.2.js"></script>
<!-- jsplumb util-->
<script src="../src/util.js"></script>
<script src="../src/browser-util.js"></script>
<!-- main jsplumb engine -->
<script src="../src/jsPlumb.js"></script>
<!-- base DOM adapter -->
<script src="../src/dom-adapter.js"></script>
<script src="../src/overlay-component.js"></script>
<!-- anchors -->
<script src="../src/anchors.js"></script>
<!-- endpoint -->
<script src="../src/endpoint.js"></script>
<!-- connection -->
<script src="../src/connection.js"></script>
<!-- connectors, endpoint and overlays  -->
<script src="../src/defaults.js"></script>
<!-- bezier connectors -->
<script src="../src/connectors-bezier.js"></script>
<!-- flowchart connectors -->
<script src="../src/connectors-flowchart.js"></script>
<!-- statemachine connectors -->
<script src="../src/connectors-statemachine.js"></script>
<script src="../src/renderers-svg.js"></script>
<!-- common adapter -->
<script src="../src/base-library-adapter.js"></script>
<!-- jsPlumb adapter -->
<script src="../src/dom.jsPlumb.js"></script>
<!-- /JS -->

<!--  load test code -->
<script src="endpoint-loadtest.js"></script>


</body>
</html>
